<template>
    <p>这是父组件666</p>
    <P>以下内容是子组件</P>
    <Son v-slot="slotProps">
    <p>这里是父组件接收到的值--{{ slotProps.Son }}</p>
    </Son>

    <Son v-slot="{sanName}">
    <p>2222这里是父组件接收到的值--{{ sanName }}</p>
    </Son>
    <h1>以下是Bob的基本内容</h1>
    <BobSon>
        
        <template v-slot:header="{ sonName}">
            <p>header-这里是父组件接收到的值--{{ sanName }}</p>
        </template>
            <template v-slot:footer="{sonName}">
            <p>footer-这里是父组件接收到的值--{{ sanName }}</p>
        </template>
    </BobSon>
</template>

<script>
import Son from './Son.vue'
import BobSon from './BobSon.vue'


export default {
    components:{
        Son,
        BobSon
        
    },
   
}
</script>